import { NgModule }       from '@angular/core';
import { CommonModule }   from '@angular/common';
import { FormsModule }    from '@angular/forms';
 
import { HeroListComponent }    from './hero-list/hero-list.component';
import { HeroDetailComponent }  from './hero-detail/hero-detail.component';
import { HeroesRoutingModule } from './heroes-routing.module'; 
import { HeroService } from '../service/hero.service';
import { MyHeroListComponent } from './my-hero-list/my-hero-list.component';
import { MyHeroDetailComponent } from './my-hero-detail/my-hero-detail.component';
import { HeroesComponent } from './heroes.component';
import { HeroSearchComponent } from './hero-search/hero-search.component';
 
@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    HeroesRoutingModule
  ],
  declarations: [
    HeroListComponent,
    HeroDetailComponent,
    MyHeroListComponent,
    MyHeroDetailComponent,
    HeroesComponent,
    HeroSearchComponent
  ],
  providers: [ HeroService ]
})
export class HeroesModule {}
